/* 修改iview默认样式 */
/* 分割线样式 */
.ivu-split-trigger-vertical{
    width:0 !important;
}
.ivu-split-trigger{
    border-color:rgb(30,30,30) !important;
}
.sider .ivu-icon{
    font-size:30px !important;
    color:rgb(173,173,173) !important;
}
.sider .ivu-icon:hover{
    color:#fff !important;
}
.left-pane .i-menu{
    width:100% !important;
    background:none;
}
.left-pane .i-menu .ivu-menu-item-group-title{
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 15px;
}
.left-pane .menu-item{
    padding:0px 0px 0px 15px;
    color:rgb(173,173,173);
}
.left-pane .menu-item:hover{
    color:rgb(173,173,173);
    background:rgb(51,51,51);
}
.left-pane .i-menu::after{
   background:none;
}
.left-pane .ivu-menu-item-selected{
    color:#fff !important;
    background:#2d8cf0 !important;
}
.left-pane .ivu-menu-item-selected::after{
    background:none !important;
}
.left-pane .ivu-tree li span{
    cursor:pointer;
}
.left-pane .ivu-tree li span:hover{
    color:#fff;
}
.sider{
    width:50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
/* 标签页样式 */

/* 头部导航容器 */
.right-pane .ivu-tabs-bar{
    border-bottom:none;
    margin-bottom: 16px;
    box-shadow: 0px 3px 5px;
    color: black;
    background:rgb(37,37,38);
}
/* 头部导航标签 */
.right-pane .ivu-tabs-tab{
    border:none !important;
    margin-right:2px !important;
    color:rgb(173,173,173) !important;
    background:rgb(45,45,45) !important;
    font-size:12px;
}
.right-pane .ivu-tabs-nav .ivu-tabs-tab .ivu-icon{
    margin-right:0px !important;
}
.right-pane .ivu-tabs-nav .ivu-tabs-tab-active{
    background:rgb(30,30,30) !important;
    color:#fff !important;
}
/* 修改bootstraps默认样式 */
.sider .nav-tabs{
    border:none;
}
.nav-tabs>li:hover a{
    background:none;
    border:none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background:none;
    border:none;
    cursor:pointer;
}
/* 自定义样式*/
.sider{
    height:100vh;
    background:rgb(51,51,51);
    position: fixed;  
    left: 0; 
    overflow: hidden;
}
.sider ul li a{
    border-radius: 0px;
    border: none;
    padding:10px;
}
.sider ul li.active .ivu-icon{
    color:#fff !important;
}
.layout{
    margin-left:50px;
}
.content{
    height:100vh;
}
.left-pane{
    height:100vh;
    background:rgb(37,37,38);
    padding: 0;
    color:rgb(173,173,173);
}
.left-pane .tree{
    overflow: hidden;
}
.right-pane{
    height:100vh;
    background:rgb(30,30,30);
}
.right-pane .tabs-card{
    height:100vh;
}